#loader {
    display: none;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    position: fixed;
    z-index: 9999999;
}

#preload {
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    position: fixed;
    z-index: 9999999;
}

#preload .animated {
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    position: absolute;
    z-index: 9999999;
}

.page #preload {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    opacity: .5;
}

#wrapAll {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    z-index: 999;

}

.slides, .pics, .theImg, .singlePic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;

}

.singlePic {
}

.theImg {
    width: 100%;
    height: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.singlePic.allRight {
    left: 100%;
}

.singlePic.allRight.allBottom, .singlePic.allBottom {
    top: 100%;
    left: 0%;
}

.singlePic.allRight.allTop, .singlePic.allTop {
    top: -200%;
    left: 0%;
}

.allBottom .theImg {
    position: relative;
    background-attachment: scroll !important;
    background-position: center center;

}

.thumbs, .thumbWrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 191px;
    z-index: 1000;
    /*overflow:hidden;*/
}

.thumbs {
    display: none;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
    top: -120px;

}

.home .thumbs, .home .thumbWrap {
    display: none !important;
}

.thumbWrap .singleThumb {
    display: inline-block;
    width: 103px; /*standard defined for 1024 / 10 */
    height: 196px;
    border: 0px none #d18a4a;
    margin: 0px;
    float: left;

    -webkit-transition: outline 250ms linear;
    -moz-transition: outline 250ms linear;
    -ms-transition: outline 250ms linear;
    -o-transition: outline 250ms linear;
    transition: outline 250ms linear;
}

.thumbWrap .singleThumb figure {
    width: 100%;
    padding: 0px;
    height: 186px; /* timeline is h:10px */
    border: 0px none #d18a4a;
    margin: 0px;
    overflow: hidden;

    background-position: top center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.thumbWrap .singleThumb figure img {
    width: auto;
    height: 186px; /* timeline is h:10px */;
    display: block;
    border: 0px none #d18a4a;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    visible: hidden;
}

.thumbWrap .singleThumb .timeLine {
    width: 100%;
    height: 5px;
    border: 0px none #d18a4a;

    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;

}

.thumbWrap .singleThumb figcaption {
    background-color: transparent;
    margin-top: 0px;
    width: 100%;
    height: 296px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    display: none;
    border: 0px none #d18a4a;
}

.thumbWrap .singleThumb.home {
    display: none !important;
}

.thumbWrap .singleThumb figcaption p {
    text-align: right;
}

.thumbWrap .singleThumb figcaption p span {
    color: #fff;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    display: block;
    font-family: 'Signika';
    padding-right: 12px;
    padding-top: 146px;
}

.thumbWrap .singleThumb.current figure {
    background-position: -200% 50%;
}

.thumbWrap .singleThumb.current .timeLine {
    display: none;
}

.thumbWrap .singleThumb.current img {
    display: none;
}

.thumbWrap .singleThumb.current figcaption {
    display: block;
}

.explorer .thumbWrap {
    display: none;
}

.navigation {
    width: 216px;
    height: 69px;
    top: 50%;
    margin-top: -32px;
    right: -108px;
    position: fixed;
}

.navigation .label {
    width: 108px;
    height: 69px;
    text-align: center;
    display: inline-block;
}

.navigation .label span {
    font-size: 41px;
    display: inline-block;
    padding: 13px 0px 0px 0px;
    font-family: 'Signika';
    font-weight: normal !important;
    color: #2f3341 !important;
}

.slides .caption {
    bottom: 50px;
    position: fixed;
    left: 50px;
    z-index: 1000;
    display: none;
}

.slides .caption .separator {
    width: 540px;
    height: 17px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

.slides .caption p {
    color: #fff;
    font-size: 180px;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
}

.home .caption {
    bottom: 120px;
}

.home .navigation {
    display: none;
}

.home.page .caption {
    bottom: 60px;
}

#atari {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
    z-index: 1000;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#atariArea {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
    z-index: 1000;
}

#atari .circle {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 12px;
    top: 12px;
    border: 3px solid rgb(255, 255, 255);
    border: 2px solid rgba(255, 255, 255, .7);
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

#atari .stick {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -45px;
    background-color: transparent;
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 45px;
    border-radius: 45px;
}

/*JOYSTICK EXPLORER MODS */
.explorer #atari .circle {
    display: none;
}

footer {
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #d18a4a;
    z-index: 1000;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

footer p {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

footer p a {
    display: block;
    padding: 0px;
    margin: 0px;
    height: 30px;
    width: 100px;
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -ms-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;

    /*		text-indent:-9999999px; */
}

footer p a:hover {
    padding: 0px;
    margin: 0px;
    height: 30px;
    width: 100px;
    background-position: 0% 100%;
}

footer p.about {
    margin-left: 50px;
}

footer p.about a {
    width: 250px;
    height: 30px;
}

footer p.credits a {
    width: 71px;
    height: 30px;
}

footer p.privacy a {
    width: 48px;
    height: 30px;
}

footer p.right {
    float: right;
    margin-right: 50px;
}

footer p.right a {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

.it footer p.right a.lang {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

.en footer p.right a.lang {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

footer p.right a.mail {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

footer p.right a.audio {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

footer p.right a.audio.off {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 20px;
}

footer p.right a.separatore {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 11px;
}

.home footer {
    background-color: #404658;
}

nav {
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0px;
    background-color: #ebebeb;
    z-index: 1000;
    display: none;
}

nav.toTop {
    top: 0px;
}

nav.toBottom {
    bottom: 30px;
}

nav ul, nav, nav li {
    margin: 0px;
    padding: 0px;
}

nav ul li ul, nav ul ul {
    display: none;
}

nav li {
    float: left;
    margin-right: 30px;
}

nav li:first-of-type {
    margin-left: 50px;
}

nav li.right {
    float: right;
    margin-right: 50px;
}

nav a {
    text-decoration: none;
    color: #404658;
    font-size: 14px;
    display: block;
    height: 50px;
    text-transform: uppercase;

    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

nav .current a, nav a:hover {
    background-position: 50% 100%;
}

nav a span {
    padding-top: 15px;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

#subSectionStick {
    position: fixed;
    z-index: 999;
    width: 600px;
    height: 600px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;

    display: none;

}

#subSectionStick .subSection {

    width: 128px;
    height: 300px;

    position: absolute;

    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -300px;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%; /* Safari and Chrome */
    -moz-transform-origin: 50% 100%; /* Firefox */
    -o-transform-origin: 50% 100%; /* Opera */

    background-position: 50% 50%;

    -webkit-perspective: 800;
    perspective: 800;

    perspective-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%; /* Safari and Chrome */
    -moz-perspective-origin: 50% 100%;

    /*
    -webkit-opacity: 0;
      -moz-opacity: 0;
      filter:alpha(opacity=0);
      opacity: 0;
    */
}

#subSectionStick .subSection .btn {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    width: 128px;
    height: 128px;
    border: 0px solid #fff;
    -webkit-border-radius: 64px;
    border-radius: 64px;

    position: absolute;

    top: 0px;
    margin-top: 150px;

    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%; /* Safari and Chrome */
    -moz-transform-origin: 50% 50%; /* Firefox */
    -o-transform-origin: 50% 50%; /* Opera */
}

#subSectionStick .subSection .btnMask {

    width: 128px;
    height: 128px;
    border: 0px solid #fff;
    -webkit-border-radius: 64px;
    border-radius: 64px;

    position: absolute;

    /*-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    */
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-top: 0px;

    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%; /* Safari and Chrome */
    -moz-transform-origin: 50% 50%; /* Firefox */
    -o-transform-origin: 50% 50%; /* Opera */

    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#subSectionStick .sectionCircle {
}

#subSectionStick .hover .btnMask {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}

#subSectionStick .subSection .btnContent {
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-top: 0px;

    width: 108px;
    height: 54px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 74px;
    padding-bottom: 0px;

    position: absolute;

    color: #fff;
    font-size: 14px;
    text-align: center;
}

#subSectionStick .subSection .btnContent i {
    font-weight: bold !important;
}

#subSectionStick .subSection .btnBg {
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-top: 0px;

    width: 128px;
    height: 128px;

    position: absolute;

    background-color: #transparent;
    background-color: rgba(255, 255, 255, .0);
    background-position: 50% 50%;
    border: 1px solid #fff;
    -webkit-border-radius: 64px;
    border-radius: 64px;

}

#subSectionStick .subSection .btnCircle {
    left: 0px;
    top: 0px;
    margin-left: 0px;
    margin-top: 0px;

    width: 128px;
    height: 128px;

    position: absolute;

    background-color: #transparent;
    background-color: rgba(255, 255, 255, .0);;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .7);
    -webkit-border-radius: 64px;
    border-radius: 64px;

}

.explorer #subSectionStick, .explorer #subSectionStick > * {
    display: none;
}

#mainContent {
    width: 100%;
    height: 100%;
    background-color: rgba(125, 125, 125, .5);
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

#mainContentWrapper {
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0px;
    top: 50%;
    overflow: hidden;
}

#mainContentWrapper .ajaxProvided {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0%;
    overflow: hidden;

    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#mainContentWrapper .ajaxProvided #ajaxContent {
    position: fixed;
    left: 100%;
    top: 0%;
    height: 100%;
    width: 50%;
    background-color: rgba(255, 255, 255);
    background-color: rgba(255, 255, 255, .7);
}

#mainContentWrapper .ajaxProvided #ajaxContent #ajaxContentVrapper {
    width: 80%;
    margin-left: 10%;
    margin-top: 50px;
    margin-bottom: 30px;
}

.explorer #ajaxContent, .explorer #ajaxContentVrapper {
    background-color: #fff;
}

section.buttons {
    text-align: left;
    margin-top: 30px;
    width: 100%;
    margin-left: 0%;
}

article.button {
    display: inline-block;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    margin-top: 30px;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    opacity: .7;
    border: 2px solid rgba(255, 255, 255, .0);
    text-align: center;
}

article.button span {
    display: block;
    margin-top: 35px;
    text-align: center;
}

article.button.current {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, .9);
}

.explorer.button {
    background: none 50% 50% no-repeat #404658;
    border: 2px solid #fff;
}

.explorer.button.current {
    border: 2px solid #fff;
}

.tabs {
    display: none;
}

.tabs.currentTab {
    display: block;
}

.tabs h2 {
    font-size: 50px;
    color: #404658;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}

.tabs h2.leftAlign {
    text-align: left;
    width: 100%;
    margin-left: 0%;
}

.tabs h2 .preTitle {
    font-size: 16px;
    line-height: 20px;
}

.tabs p {
    font-size: 18px;
    color: #404658;
    line-height: 23px;
    width: 100%;
    margin-left: 0%;
}

.tabs p a {
    color: #404658;
    text-tecoration: none;
}

.tabs p a:hover {
    text-tecoration: underline;
}

.tabs .separatore {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #404658;
}

.tabs .storeName {
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
}

.tabs p .domanda {
    font-weight: bold;
}

/*PRODOTTI*/
#mainContentWrapper .prodotti #subLogo {
    width: 137px;
    height: 56px;
    border: 1px #1f1e21 solid;
    float: left;
}

#mainContentWrapper .prodotti #subMenu {
    width: 98%;
    height: 56px;
    position: absolute;
    left: 0px;
    top: 40px;
    margin-left: 1%;
    z-index: 99999;
    background-color: #f1eae2;
    padding-top: 20px;
    padding-bottom: 0px;
}

.explorer #mainContentWrapper .prodotti #subMenu {
    width: 98%;
    height: 56px;
    position: fixed;
    left: 0px;
    top: 40px;
    margin-left: 1%;
    z-index: 99999;
    background-color: #f1eae2;
    padding-top: 20px;
    padding-bottom: 0px;
}

#mainContentWrapper .prodotti #subMenu .captionProdotto div, #mainContentWrapper .prodotti #subMenu .subVoices a {
    display: block;
    float: left;
    width: 137px;
    height: 56px;
    border: 1px #404658 solid;
    text-align: center;
    color: #1f1e21;
    text-decoration: none;
    font-size: 12px;
    margin-left: 1px;
    margin-right: 1px;
}

#mainContentWrapper .prodotti #subMenu .subVoices a:hover, #mainContentWrapper .prodotti #subMenu .subVoices a.current {
    background-color: #404658;
    color: #f1eae2;
}

#mainContentWrapper .prodotti #subMenu .captionProdotto div span, #mainContentWrapper .prodotti #subMenu .subVoices a span {
    display: block;
    padding: 10px;
    padding-top: 20px;
}

#mainContentWrapper .prodotti #subMenu .subVoices, #mainContentWrapper .prodotti #subMenu .captionProdotto {
    float: left;
}

#mainContentWrapper .ajaxProvided.prodotti .captionProdotto a {
    text-indent: -999999px;
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    border: 1px #1f1e21 solid;
    background-color: #404658;
    margin-left: 1px;
    margin-right: 1px;
}

#mainContentWrapper .ajaxProvided.prodotti .captionProdotto a:hover {
    background-color: #000;
}

#mainContentWrapper .prodotti #subMenu .captionProdotto, #mainContentWrapper .prodotti #subMenu .captionProdotto div {
    width: auto;
}

#mainContentWrapper .prodotti #subMenu .captionProdotto {
    display: none;
}

#mainContentWrapper .prodotti #subMenu .captionProdotto span {
    color: #404658;
}

#mainContentWrapper .ajaxProvided.prodotti {
    background-repeat: repeat;
}

#mainContentWrapper .ajaxProvided.prodotti #ajaxContent {
    position: fixed;
    left: 100%;
    top: 0%;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255);
    background-color: rgba(255, 255, 255, .7);
}

#mainContentWrapper .ajaxProvided.prodotti #contentProd, #mainContentWrapper .ajaxProvided.prodotti #gallery {
    width: 98%;
    height: 500px;
    position: absolute;
    left: 0px;
    top: 60px;
    margin-left: 1%;
    top: 130px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery {
    position: absolute;
    background-color: #f1eae2;
    background-position: 50% 50%;
    z-index: 1010;
    background-repeat: no-repeat;
    overflow: hidden;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .galleryWrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figure {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figure img {
    display: none;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption {
    position: absolute;
    top: 95%;
    left: 0px;
    width: 100%;
    height: 60px;
    text-align: center;
    margin-top: -60px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p {
    width: 474px;
    height: 60px;
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a {
    width: 138px;
    height: 48px;
    display: block;
    border: 1px #39383a solid;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a span {
    display: block;
    margin-top: 15px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.share {
    background-color: #5b6482;
    color: #f1eae2;
    margin-right: 2px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.share:hover {
    background-color: #333;
    color: #fff;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.info {
    background-color: #f1eae2;
    color: #333;
    margin-right: 2px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.info:hover {
    background-color: #333;
    color: #fff;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.infoMail {
    background-color: #f1eae2;
    color: #333;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallItem figcaption p a.infoMail:hover {
    background-color: #333;
    color: #fff;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallaryControlWrap {
    position: absolute;
    top: 40%;
    left: 0px;
    width: 100%;
    height: 60px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallaryControlWrap a {
    text-indent: -99999px;
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    background-color: transparent;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallaryControlWrap a.right {
    float: right;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallaryControlWrap a.right:hover {
    margin-right: 5px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .gallaryControlWrap a.left:hover {
    margin-left: 5px;
}

#mainContentWrapper .ajaxProvided.prodotti #gallery .majorInfo {
    display: none;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 90%;
    background-color: rgb(44, 71, 98);
    background-color: rgba(44, 71, 98, .8);
    left: 0px;
    bottom: 20px;
}

#mainContentWrapper .ajaxProvided.prodotti .prodItem {
    width: 50%;
    float: left;
    display: block;
    position: absolute;
    top: 3000px;
    left: 0px;
    z-index: 1000;
}

#mainContentWrapper .ajaxProvided.prodotti .prodItem figure {
    width: 100%;
    height: auto;
}

#mainContentWrapper .ajaxProvided.prodotti .prodItem figure img {
    width: 100%;
    height: auto;
    display: block;
}

#mainContentWrapper .ajaxProvided.prodotti .prodItem figure figcaption {
    display: none;
}

.explorer #mainContentWrapper .ajaxProvided.prodotti .prodItem {
    position: static;
}

#mainContentWrapper .ajaxProvided.prodotti section#controls {
    width: 128px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
    z-index: 1000;
}

#mainContentWrapper .ajaxProvided.prodotti section#controls .up, #mainContentWrapper .ajaxProvided.prodotti section#controls .down {
    text-indent: -9999px;
    width: 128px;
    height: 64px;
    display: block;
}

#mainContentWrapper .ajaxProvided.prodotti section#controls .down {
    width: 128px;
    height: 64px;
    display: block;
}

#mainContentWrapper .ajaxProvided.prodotti section#controls .up:hover, #mainContentWrapper .ajaxProvided.prodotti section#controls .down:hover {
    background-position: bottom center;
}

#mainContentWrapper .ajaxProvided.prodotti section#controlsTop {
    width: 128px;
    height: 64px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -64px;
    margin-top: 0px;
    z-index: 1100;
    display: none;
}

#mainContentWrapper .ajaxProvided.prodotti section#controlsTop a {
    text-indent: -999999px;
    width: 128px;
    height: 64px;
    display: block;
}

#mainContentWrapper .ajaxProvided.prodotti section#controlsTop a:hover {
    background-position: center bottom;
}

#newsletter input {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px #fff none;
    background-color: #404658;
    color: #ebebeb;
}

#newsletter select {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px #fff none;
    background-color: #404658;
    color: #ebebeb;
}

/*FULL UP*/
#fullUp {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1010;
    display: none;
}

#fullUpWrapper {
    position: fixed;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ccc;
    background: rgba(155, 155, 155, .9);
}

#fullUpWrapperClose {
    position: fixed;
    top: 0%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: none;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#fullUpWrapper #ajaxContentVrapper {
    padding-top: 110px;
}

#fullUpWrapper #ajaxContent {
}

#fullUpVideo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1010;
    display: none;
}

#fullUpWrapperVideo {
    position: fixed;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ccc;
    background: rgba(155, 155, 155, .9);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#fullUpWrapperCloseVideo {
    position: fixed;
    top: 0%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: none;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.closeHover {
    background-position: 50% 100% !important;
}

#fullUpWrapperVideo #ajaxContentVrapper {
    padding-top: 110px;
}

#fullUpWrapperVideo #ajaxContent {
    overflow: scroll;
}

#fullUpVideoPage {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1010;
    display: none;
}

#fullUpWrapperVideoPage {
    position: fixed;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ccc;
    background: rgba(155, 155, 155, .9);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#fullUpWrapperCloseVideoPage {
    position: fixed;
    top: 0%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: none;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#fullUpWrapperVideoPage #ajaxContentVrapper {
    padding-top: 110px;
}

#fullUpWrapperVideoPage #ajaxContent {
    overflow: scroll;
}

#playIpad {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 128px;
    width: 128px;
    margin-top: -64px;
    margin-left: -64px;
    background-position: right top;
}

/*VIDEO CHANNEL*/
.videoElement {
    display: block;
    width: 100%;
    text-decoration: none;
}

.videoElement img {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.videoElement img, .videoElement figure {
    display: block;
    width: 100%;
    height: auto;
}

.videoElement figcaption {
    display: block;
    width: 96%;
    padding: 2%;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #404658;
    background-color: rgba(64, 70, 88, .5);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    margin-top: -50px;
    text-transform: uppercase;
    background-position: center right;
    background-repeat: no-repeat;
}

.videoElement:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 1);
}

.videoElement:hover img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/*JOYSTICK FIX*/

.home #subSectionStick {
    display: block;
}

.slide1 #subSectionStick {
    display: none;
}

.slide2 #subSectionStick {
    display: none;
}

.slide3 #subSectionStick {
    display: none;
}

.slide4 #subSectionStick {
    display: none;
}

.slide5 #subSectionStick {
    display: none;
}

.slide6 #subSectionStick {
    display: none;
}

.slide7 #subSectionStick {
    display: none;
}

.slide8 #subSectionStick {
    display: none;
}

.slide9 #subSectionStick {
    display: none;
}

.slide10 #subSectionStick {
    display: none;
}

.colorHome #subSectionStick {
    display: none;
}

.colorCollection #subSectionStick {
    display: none;
}

.colorDownload #subSectionStick {
    display: none;
}

/*COLOR SCENES*/
.slide1 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide1 .navigation .label span {
    color: #ecac99;
}

.slide1 .slides .caption .separator {
    background: none no-repeat center center;
}

.slide1 .slides .caption h3 {
    color: #9b5a58 !important;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide1 .slides .caption p {
    color: #9b5a58;
    font-size: 18px;
    line-height: 18px;
}

.slide1 footer {
    background-color: #9b5a58;
}

.slide1 .slides .caption {
    bottom: 80px;
}

.slide1 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide1 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide2 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide2 .navigation .label span {
    color: #54474e;
}

.slide2 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide2 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide2 footer {
    background-color: #54474e;
}

.slide2 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide2 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide3 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide3 .navigation .label span {
    color: #575d54;
}

.slide3 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide3 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide3 footer {
    background-color: #575d54;
}

.slide3 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide3 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide4 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide4 .navigation .label span {
    color: #a24e49;
}

.slide4 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide4 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide4 footer {
    background-color: #a24e49;
}

.slide4 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide4 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide5 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide5 .navigation .label span {
    color: #d18a4a;
}

.slide5 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide5 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide5 footer {
    background-color: #d18a4a;
}

.slide5 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide5 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide6 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide6 .navigation .label span {
    color: #7b5f62;
}

.slide6 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide6 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide6 footer {
    background-color: #7b5f62;
}

.slide6 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide6 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide7 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide7 .navigation .label span {
    color: #6d5e58;
}

.slide7 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide7 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide7 footer {
    background-color: #6d5e58;
}

.slide7 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide7 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide8 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide8 .navigation .label span {
    color: #56383a;
}

.slide8 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide8 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide8 footer {
    background-color: #56383a;
}

.slide8 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide8 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide9 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide9 .navigation .label span {
    color: #3e3a3b;
}

.slide9 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide9 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide9 footer {
    background-color: #3e3a3b;
}

.slide9 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide9 .thumbs .timeLine {
    background-color: #ecac99;
}

.slide10 .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.slide10 .navigation .label span {
    color: #695962;
}

.slide10 .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.slide10 .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.slide10 footer {
    background-color: #695962;
}

.slide10 .thumbs {
    background-color: #2f3341;
    background-color: rgba(47, 51, 65, .6);
}

.slide10 .thumbs .timeLine {
    background-color: #ecac99;
}

.orange .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.orange .navigation .label span {
    color: #d18a4a;
}

.orange .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.orange .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.orange footer {
    background-color: #d18a4a;
}

.colorHome .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.colorHome .navigation .label span {
    color: #404658;
}

.colorHome .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.colorHome .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.colorHome .slides .caption {
    bottom: 80px;
}

.colorHome footer {
    background-color: #404658;
}

.colorCollection .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.colorCollection .navigation .label span {
    color: #404658;
}

.colorCollection .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.colorCollection .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.colorCollection .slides .caption {
    bottom: 60px;
}

.colorCollection nav {
    background-color: #fff;
}

.colorCollection footer {
    background-color: #404658;
}

.colorDownload .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.colorDownload .navigation .label span {
    color: #404658;
}

.colorDownload .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.colorDownload .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.colorDownload footer {
    background-color: #404658;
}

.blu .navigation .label {
    background-color: rgba(209, 138, 74, .9);
    background-color: #fff;
}

.blu .navigation .label span {
    color: #404658;
}

.blu .slides .caption h3 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    line-height: 50px;
}

.blu .slides .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.blu footer {
    background-color: #404658;
}

/*CAPTION FIX*/
.caption.small {
    width: 204px;
    height: 270px;
    height: 0px;
    position: absolute;
    top: 305px;
    left: 50px;
    display: none;
    overflow: hidden;
}

.slide1 .caption.small {
    background-color: #9b5a58;
}

.colorHome .caption.small {
    background-color: #404658;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}